@CHARSET "UTF-8";

/********************************************************************************
GENERIC 
*********************************************************************************/

/*  Reset for some default browser CSS - General */

body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button 
{
	margin: 0; padding: 0; border: 0; list-style: none;
}

a 
{
	text-decoration: none;
	color: #5D8E01;
}

a:hover 
{
	color: #CCCCCC;
}

:focus 
{
	outline: 0;
}

h1, h2, h3 
{
	font-family: Helvetica, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: normal;
} 

h2 
{
	font-size: 22px;
	line-height: 28px;
}

.float 
{
	float:left;
}

.clear
{
	clear: both;
}

body 
{
	font-family : Helvetica, Arial, Tahoma, sans-serif;
	font-size: 12px;
}	



/********************************************************************************
 THE MAIN CONTAINER
*********************************************************************************/

#main_content
{
   display: block;
   width: 960px;
   height: auto;
   margin: 0 auto;
   background-color: #fff;
   box-shadow: 0px 0px 5px #aaa;   	
}

footer#pageFooter
{
	clear: both;
	height:50px;
	border-top: 2px solid #7f7f7f;
    background-color: #ccc;
    text-align: center;
}

header#main_header 
{
	width: 100%;
	height: 60px;
	display: block;
	background: #000000;  
	overflow: auto; 
/* 	position: fixed; To fixed the top menu */
}

#main_content #content
{
    display: block;
	width: 960px;
    height: 900px;
    background-color:#fff;
}
 
/* KIND OF COLUMNS */

#main_content #content .xlarge_column
{		
	width: 550px;
	height: 400px;
/* 	background-color: rgba(13,195,70,0.5); */
	
}

#main_content #content .large_column
{		
	width: 500px;
	height: 400px;
	background-color: rgba(0,0,255,0.5);
	
}

#main_content #content .medium_column
{
	width: 350px;
	height: 400px;
	background-color: rgba(224,12,77,0.5);
	
}

#main_content #content .small_column
{
	width: 300px;
	height: 400px;
	background-color: rgba(200,200,10,0.5);

}

#main_content #content .xsmall_column
{
	width: 300px;
	height: 400px;
	background-color: rgba(200,200,10,0.5);
	
}

#main_content #content .equal_column
{
	width: 450px;
	height: 400px;
	background-color: rgba(200,200,10,0.5);
}
nav#main_header_navigation ul.main
{
/* 	float: left; */
	margin: 30px auto 0 auto;
	width: 960px;	
}

nav#main_header_navigation li
{
	float:left;
	margin-left: 2px;
	margin-right: 2px;	
	text-align: center;
	line-height: 30px;	
}

nav#main_header_navigation a 
{	
	color: #EEEEEE;	
	font:12px Tahoma, Sans-serif;
	text-transform: capitalize;
	background-color: #444;	
/* 	width: 80px; */	
/* 	height: 30px; */
	display: block;
	padding: 0 10px;
	height: inherit;
	line-height: 30px;
}

nav#main_header_navigation a:hover
{
	background-color: #0066cc;	
}

/********************************************************************************
MAIN SUBMENU 
*********************************************************************************/

.sub_menu
{
	display: none;
	margin: 0px;
	padding: 0xp;
	position: absolute;
	border-bottom:solid gray;
	border-left:thin solid gray;
	border-right:thin solid gray;
	background-color: #FFF;
	box-shadow: 0px 0px 5px #555;
	z-index: 10;
}

.item_sub_menu
{
	display: none;
	margin: -30px 0 0 100px;
	padding: 0xp;
	position: absolute;
	border-bottom:solid gray;
	border-left:thin solid gray;
	border-right:thin solid gray;
	background-color: #FFF;
	box-shadow: 0px 0px 5px #555;
}

nav#main_header_navigation li ul li
{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	text-align: left;
	line-height: 30px;
}

nav#main_header_navigation li ul li ul li
{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	text-align: left;
	line-height: 30px;
	display: block;
	
}

.add_style_image
{
	list-style-image: url("/images/admin/add.png");
}

.list_style_image
{
	list-style-image: url("/images/admin/list.png");
}

nav#main_header_navigation li ul li a
{
	width: 120px;
	height: 30px;
	display: block;
	color: #777;
	font-size: 13px;
	background-color: #FFF;
	padding-left: 10px;
}

nav#main_header_navigation li ul li ul li a
{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	text-align: left;
	line-height: 30px;
	background-color: #eee;
}

nav#main_header_navigation li ul li a:hover
{
	background-color: #e5ecf9;	
}

nav#main_header_navigation li ul li ul li a:hover
{
	background-color: #ced9ee;	
}

nav#main_header_navigation li[id*="menu"]:hover #item_menu
{
	display: block;	box-shadow: 0px 0px px #555;
}

nav#main_header_navigation li[id*="menu"]:hover ul li[id*="item"]:hover #item_sub_menu
{
	display: block;	box-shadow: 0px 0px px #555;
}

/********************************************************************************
LOGIN INFO
*********************************************************************************/

header#main_header  span.login 
{
	position:absolute;
	top:10px;
	right:10px;
	color:#464646;
}

nav#main_header_navigation span.login a 
{ 	
	color:#464646;
}

/********************************************************************************
LEFT MENU
*********************************************************************************/
section#main_left
{
	display:block;
	position: absolute;
	top: 60px;
	left:0px;
	padding:0 0 30px 0;	 
	background:url('/images/admin/px-gray.png') 192px 0 repeat-y #fff;
	height:100%;
	z-index: 1;
}

section#main_left .icon 
{
	background:url("/images/admin/navigation.png") no-repeat transparent;
}

section#main_left span.sidebar-left 
{
	display:block;
	background-color:#dbdbdb;
	width:15px;
	height: 19px;
	position:absolute;
	z-index: 3;
}

section#main_left .icon-maximum 
{
	background-position:-39px 3px;
	top:38px;
	left:137px;
	cursor: pointer;
}

section#main_left span.sidebar-left:hover 
{
	background-color:#0066cc;
}

section#main_left .icon-maximum:hover
{
	background-position:-57px 3px;
}

section#main_left nav ul.left-menu li 
{
	border-bottom: solid 1px #e6e6e6;
	margin:0px;
	list-style: none;
	padding:6px 0px;
}

section#main_left nav ul.left-menu li a 
{      
	padding:2px 5px;
	color:#000;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

section#main_left nav ul.left-menu li.active a 
{
	background-color:#666;
	color:#fff;
	text-decoration:none;
}

section#main_left nav ul.left-menu li a:hover
{ 
	background-color:#06c;
	color:#fff;
	text-decoration:none;
}

/********************************************************************************
LANG INDICATOR 
*********************************************************************************/

#lang_indicator
{	
	background: #EEEEEE;
	text-align: left;	
	padding: 5px 0 0 0;
	margin: 10px 0;
}

#lang_indicator.large
{
	width: 800px;
}

#lang_indicator.small
{
	width: 250px;
}

#lang_indicator .btn_flag, #lang_indicator .btn_flag_active
{
	width: 32px;
	height: 22px;
	display:inline-block;
	border: solid 1px #FFFFFF;
	background-size: 100%;
	cursor: pointer;
	margin: 0 0 0 5px;	
}

#lang_indicator span#btn_flag_vi
{
	background-image: url("/images/default/flag_vi.png");	
}

 #lang_indicator span#btn_flag_en
{
	background-image: url("/images/default/flag_en.png");		
}

#lang_indicator span#btn_flag_ja
{
	background-image: url("/images/default/flag_ja.png");			
}

#lang_indicator span#btn_flag_zh
{
	background-image: url("/images/default/flag_zh.png");		
}

#lang_indicator span#btn_flag_fr
{
	background-image: url("/images/default/flag_fr.png");			
}

#lang_indicator .btn_flag:hover
{
	border: solid 1px #5D8E01;	
}

#lang_indicator .btn_flag_active
{	
	background: #EEEEEE;
	-moz-box-shadow: inset 0 0 10px #000000;
}

/********************************************************************************
MAIN CONTENT  
*********************************************************************************/

#main_content .text_manager
{
	color: #444444;
	font: 30px/30px Arial,sans-serif;
	background-image: -moz-linear-gradient(center top , #F2F2F2, #FFFFFF);
	margin: 0;
	padding: 40px 15px 0 30px;	
}

#main_content .flashmessenger
{
	color: #EB3122;
	font-weight: bold;
	width: 100%;
	border: 1px thick #EB3122;
	background: #EEEEEE;	
	margin: 0;
	padding: 20px 40px;	
}

/********************************************************************************
LANG INDICATOR 
*********************************************************************************/

#titleVi-label label, #introVi-label label, #descVi-label label, #aliasVi-label label, #metatagVi-label label, #keywordVi-label label
{
	background-image: url("/images/default/flag_vi.png");
	background-position: right;
	background-repeat: no-repeat;
}

#titleEn-label label, #introEn-label label, #descEn-label label, #aliasEn-label label, #metatagEn-label label, #keywordEn-label label
{
	background-image: url("/images/default/flag_en.png");
	background-position: right;
	background-repeat: no-repeat;
}

#titleJa-label label, #introJa-label label, #descJa-label label, #aliasJa-label label, #metatagJa-label label, #keywordJa-label label
{
	background-image: url("/images/default/flag_ja.png");
	background-position: right;
	background-repeat: no-repeat;
}

#titleZh-label label, #introZh-label label, #descZh-label label, #aliasZh-label label, #metatagZh-label label, #keywordZh-label label
{
	background-image: url("/images/default/flag_zh.png");
	background-position: right;
	background-repeat: no-repeat;
}

#titleFr-label label, #introFr-label label, #descFr-label label, #aliasFr-label label, #metatagFr-label label, #keywordFr-label label
{
	background-image: url("/images/default/flag_fr.png");
	background-position: right;
	background-repeat: no-repeat;
}

.warning-text-field{font-style: italic;color: red;padding-left: 190px;}
/********************************************************************************
DETAIL INFOMATION FORM
*********************************************************************************/
.detail-infomation-left{
	float: left;
    padding-left: 20px;
    width: 650px;
}
.detail-infomation-button
{
	margin-bottom: 50px;
    text-align: right;
}
.detail-infomation-right
{
	float: left;
    margin-left: 20px;
    width: 100px;
}
/********************************************************************************
TABLE FORM
*********************************************************************************/

.table {
	border-bottom: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	border-collapse: collapse;
	border-spacing: 0;
	font: 12px/14px Arial,sans-serif;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}
.table thead 
{
	color: #5B5B5B;
	font-weight: bold;
}
.table tbody tr:hover td
{
	background-color: #E5ECF9;
}
.table tbody tr:hover td .icon-button 
{
	background-image: url("/images/admin/ui-icons_5794d6_256x240.png");
}
.table th 
{
	font-weight: bold;
	margin: 0;
	padding: 7px 10px;
	text-align: left;
}
.table td 
{
	border-top: 1px solid #D6D6D6;
	line-height: 18px;
	margin: 0;
	padding: 7px 10px;
}
/********************************************************************************
BUTTON FOR FORM
*********************************************************************************/

.button
{
	background: none repeat scroll 0 0 #F2F2F2; 
	min-width: 170px;
	height:25px;
	border: 1px solid #D0D0D0;
	border-radius: 3px 3px 3px 3px;
	color: #FF2F05;
	cursor: pointer;
	display: inline-block;
	font:  bold 16px/16px Arial,sans-serif;
	overflow: visible;
	padding-top: 10px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
}
.button:hover
{
	background: url("/images/admin/button-bg-white-hover.png") repeat scroll center center #FFFFFF;
	color:#AAAAAA
}
/********************************************************************************
ICON FOR FORM
*********************************************************************************/
.icon-button
{ 
	display: inline-block;
	background-image: url("/images/admin/ui-icons_e6e6e6_256x240.png");
	background-repeat: no-repeat;
	height: 16px;
	overflow: hidden;
	text-indent: -99999px;
	width: 16px;
}
.help
{
	position: relative;
	text-decoration:none;
	cursor: pointer;
}
.edit
{
	background-position: -64px -112px;
}
.delete
{ 
	background-position: -80px -128px;
}
.user-career-black
{
	background: url("/images/admin/user_career_black.png")
}
.user-career-red
{
	background: url("/images/admin/user_career_red.png")
}
.copy
{ 
	background-position: -176px -128px;
}
.check 
{
	background-position: -64px -144px;
}
.mini
{
	background-position: -48px -128px;
}
.maxi
{
	background-position: -16px -128px;
}
.help:hover .bullet
{ 
	display: block;
	text-decoration: none;
}
.help:hover .queue
{ 
	display: block;
	text-decoration: none;
}
.bullet
{
	background: none repeat scroll 0 0 #5794D6;
	border-radius: 3px 3px 3px 3px;
	bottom: 22px;
	color: #FFFFFF;
	display: none;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 5px;
	position: absolute;
	right: 0;
	text-align: center;
}
.ui-icon-triangle-1-s 
{
	background-position: -64px -16px;
}
.queue 
{
	bottom: 12px;
	display: none;
	position: absolute;
	right: 0;
}
.status
{
	cursor:pointer;
	display: block;
	height: 20px;
	text-indent: -99999px;
}
.off
{
	cursor:pointer;
	display: block;
	height: 20px;
	text-indent: -99999px;
	width: 62px;
	background: url("/images/admin/icon-off.png") no-repeat scroll 0 0 transparent;
}
.on
{
	cursor:pointer;
	display: block;
	height: 20px;
	text-indent: -99999px;
	width: 62px;
	background: url("/images/admin/icon-on.png") no-repeat scroll 0 0 transparent;
}
section span.icon-maximum:hover 
{
	background-position:-57px 3px
}
section .icon-minimum 
{
	backgroud-position:1px 3px; 
	top:38px; 
	left:137px; 
	cursor:pointer;
}
section span.icon-minimum:hover 
{
	background-position:-18px 3px
}
/* div.content {margin-left:151px} */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container 
{
	height:400px; 
	width:800px;
	background-color:white;
	border:4px solid #444; 
	padding:12px;
}
#simplemodal-container .simplemodal-data 
{
	padding:8px;
}
#simplemodal-container code {
	background:#141414; 
	border-left:3px solid #65B43D; 
	color:#bbb; display:block; 
	font-size:12px; 
	margin-bottom:12px; 
	padding:4px 6px 6px;
}
#simplemodal-container a {
	color:#ddd;
}
#simplemodal-container a.modalCloseImg 
{
	background:url(/images/admin/x.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-15px; 
	right:-16px; 
	cursor:pointer;
}
#simplemodal-container h3 {color:#84b8d9;}

/* tooltip for user Career */
#tooltip_career{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	z-index: 10000;
	
	}
div.tooltip_career_image
{
	float: left;
	padding: 2px;
}
div.tooltip_career_info
{
	margin-left: 10px;
	float: left;
	
}
div.tooltip_career_info label
{
	font-weight: bold;
	width: 100px;
}
td.user-career-download{
	cursor: pointer;
	background: url("/images/admin/download.png") no-repeat center;
	width: 20px;
}
td.user-career-download:hover{
		background: url("/images/admin/download-active.png") no-repeat center;
}


.form-group{
	border: 1px solid #D6D6D6;
	border-radius: 5px 5px 5px 5px;
	margin: 0 0 10px;
	padding: 10px 25px 25px;
	position: relative;
}

fieldset .expand 
{
	cursor:pointer;
	background: none repeat scroll 0 0 #FFFFFF;
	color: #999999;
	font-size: 11px;
	padding: 1px 10px 1px 20px;
	position: absolute;
	right: 50px;
	text-decoration: none;
	top: 10px;
}
.form-group legend {
	color: #FF2F05;
	font: bold 15px/20px Arial,sans-serif;
	margin: 0;padding: 10px;
}
.form-group .form-item {margin-top: 0;}
.form-group label 
{
	float: left;
	font: bold 12px/14px Arial,sans-serif;	
	width: 180px;
	padding: 5px 0 0 0 0;
	margin: 5px 5px;
}

.form-group .field-wrapper 
{
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 5px 5px 5px 5px;
	margin: 0 0 15px 0; 
	padding: 0;
	float: left;
}

.form-group .field-wrapper  dt
{
	width: 300px;
}
.form-group .field-wrapper  dd
{
	width: 300px;
}
.form-group .field-text{
	background: url("/images/admin/bg-input-text.png") repeat-x scroll 0 0 #FFFFFF;
	border: 1px solid #C3C3C3; 
	border-radius: 3px 3px 3px 3px;
	color: #666666;
	font: 11px Arial,sans-serif;
	margin: 0; 
	padding: 5px;
}

.form-group .field-text:focus
{
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #999999;
	box-shadow: 0 0 5px #80CBFF;
	color: #333333;
}

.form-group .field-text.large
{
	width: 370px;
}


.form-group a.multi_language_expand 
{
	background: url("/images/admin/country.png") no-repeat scroll 0 0;
	text-decoration: none;
	color: #999999;
	font-size: 11px;
	position: relative;
	top: 4px;
	right: 35px;
	display: block;
	width: 16px;
	height: 16px;
	cursor:pointer;
	float: right;
	
}

.form-group a.multi_language_expand:hover 
{
	box-shadow: 0 0 5px #80CBFF;	
}

textarea{background: url("/images/admin/bg-input-text.png") repeat-x scroll 0 0 #FFFFFF;border: 1px solid #C3C3C3; border-radius: 3px 3px 3px 3px;color: #666666;font: 11px Arial,sans-serif;margin: 0; padding: 5px;width: 415px;}
.propertise{background: none repeat scroll 0 0 #EEEEEE;border-radius: 5px 5px 5px 5px; margin: 0 0 15px; padding: 3px;float: left;}
.form-aside {float: left;margin-top: 5px;width: 230px;border: 0 none;}
.form-group-right {background: none repeat scroll 0 0 #E5ECF9;border-radius: 8px 8px 8px 8px;margin: 0 0 10px;padding: 40px 15px 10px;position: relative;border: 0 none;}
.form-group-right legend {display: block;font: 16px/16px Arial,sans-serif;left: 0px;top:10px;position: absolute;}
.form-group-right label {float: left;font: bold 12px/16px Arial,sans-serif;margin: 0;padding: 0 10px 0 0;width: 128px;}
.form-group-right .field-wrapper {float: left;padding-bottom: 10px;}
.form-group-right .form-item{  background: none repeat scroll 0 0 transparent;border: 0 none;font-size: 100%;margin: 0;outline: 0 none;padding: 0;vertical-align: baseline;}
.form-submit{text-align: right;}
.submit{border: 1px solid #D0D0D0;border-radius: 12px 12px 12px 12px;color: #444444;font: bold 11px/16px Arial,sans-serif;padding-top: 0px;padding-left:10px;padding-right:10px ;min-width: 0px!important;}